h1,
a,
ul,
li,
span,
h2,
input {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}

/* 头部 */
.header {
  height: 100px;
  width: 100%;
  border: 1px solid gray;
  box-sizing: border-box;
  /* position: relative; */
  z-index: 200;
}
.header_icon,
.nav {
  float: left;
}
.login_box {
  float: right;
}
.nav > li {
  list-style: none;
  float: left;
  width: 90px;
  height: 100px;
  border-left: 1px solid grey;
  text-align: center;
}
.nav li:last-child {
  border-right: 1px solid grey;
}

/* 导航 */

.city > a span,
.city > a img {
  display: block;
}
.city > a img {
  margin: 30px auto 0;
}
.city > a span {
  margin: 10px auto 0;
  font-size: 14px;
  color: grey;
}
.product > a span,
.product > a img {
  display: block;
}
.product > a img {
  margin: 30px auto 0;
}
.product > a span {
  margin: 10px auto 0;
  font-size: 14px;
  color: grey;
}
.cake > a span,
.cake > a img {
  display: block;
}
.cake > a img {
  margin: 20px auto 0;
}
.cake > a span {
  margin: 5px auto 0;
  font-size: 14px;
  color: grey;
}
.bread > a span,
.bread > a img {
  display: block;
}
.bread > a img {
  margin: 20px auto 0;
}
.bread > a span {
  margin: 5px auto 0;
  font-size: 14px;
  color: grey;
}
.snack > a span,
.snack > a img {
  display: block;
}
.snack > a img {
  margin: 20px auto 0;
}
.snack > a span {
  margin: 5px auto 0;
  font-size: 14px;
  color: grey;
}
.activity > a span,
.activity > a img {
  display: block;
}
.activity > a img {
  margin: 20px auto 0;
}
.activity > a span {
  margin: 5px auto 0;
  font-size: 14px;
  color: grey;
}
.login_registerer > a span,
.login_registerer > a img {
  display: block;
}
.login_registerer > a img {
  margin: 20px auto 0;
  height: 30px;
  width: 30px;
}
.login_registerer > a span {
  margin: 5px auto 0;
  font-size: 14px;
  color: grey;
}
.shopCar > a span,
.shopCar > a img {
  display: block;
}
.shopCar > a img {
  margin: 20px auto 0;
  height: 30px;
  width: 30px;
}
.shopCar > a span {
  margin: 5px auto 0;
  font-size: 14px;
  color: grey;
}
.login_registerer,
.shopCar,
.more {
  float: left;
  width: 90px;
  height: 100px;
  border-left: 1px solid grey;
  text-align: center;
}
.more {
  line-height: 100px;
  font-size: 20px;
}

/* 登录界面  */
/* 遮罩层 */
.blank{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  display: none;
}

.login-blank {
  height: 450px;
  width: 380px;
  /* background-color: yellow; */
  position: absolute;
  right: 0;
  top: 109px;
  border: 1px solid black;
  background-color: white;
}

.login-1 > h2,
.register-1 > h2 {
  font-size: 30px;
  text-align: center;
  margin-top: 100px;
}
.login-1 input {
  width: 300px;
  height: 35px;
  display: block;
  margin: 15px auto 0;
  outline: none;
  border: 0;
  border-bottom: 1px solid black;
}
.login-1 > a {
  display: inline-block;
  font-size: 12px;
  color: grey;
  margin-top: 10px;
  margin-left: 290px;
}

.sign_Out{
font-size: 12px;
color: grey;
position: absolute;
top: 100px;
}

/* 提示文字 */
.name-span {
  position: absolute;
  right: 50px;
  top: 160px;
}

.login-vc-span {
  position: absolute;
  right: 50px;
  top: 260px;
}
.login-vc + a {
  margin-left: 40px;
  color: blue;
  line-height: 1;
}

/* 提交按钮 */
.button-box {
  width: 100%;
  height: 80px;
  background-color: grey;
  position: absolute;
  bottom: 0;
}
.button-box > p {
  width: 50%;
  float: left;
  text-align: center;
  line-height: 80px;
  margin: 0 auto;
}
/* 注册界面 */
.resist-2 input {
  width: 300px;
  height: 30px;
  display: block;
  margin: 15px auto 0;
  outline: none;
  border: 0;
  border-bottom: 1px solid black;
}
.reg_Name,
.reg_Psw {
  position: relative;
}
.name-register + span,
.psw-register + span {
  position: absolute;
  right: 50px;
  top: 3px;
}
.register-vc > input {
  width: 300px;
  height: 30px;
  display: block;
  margin: 15px auto 0;
  outline: none;
  border: 0;
  border-bottom: 1px solid black;
}
.register-vc {
  position: relative;
}
.register-vc > a {
  position: absolute;
  right: 50px;
  top: 3px;
}
.register-vc > span {
  position: absolute;
  right: 120px;
  top: 3px;
}
/* 提交按钮 */
.register-box {
  width: 100%;
  height: 80px;
  background-color: grey;
  position: absolute;
  bottom: 0;
}
.register-box > p {
  width: 50%;
  float: left;
  text-align: center;
  line-height: 80px;
  margin: 0 auto;
}

/* 轮播图 banner */
.banner-box {
  height: 530px;
  width: 100%;
  background-color: skyblue;
}
